<template>
  <el-header style="height: 106px;padding-left: 0px">
    <div>
      <img src="../assets/img/logo.png" alt="">
<!--      <span><el-input placeholder="Please input" style="width: 300px;margin-left: 150px" class="search-box-container">-->
<!--          <template #append>-->
<!--            <el-button :icon="Search" />-->
<!--          </template>-->
<!--        </el-input></span>-->
      <!--        login先给它隐藏-->
<!--              <el-button style="margin-left: 300px" type="primary" @click="onSubmit" round>Login</el-button>-->
    </div>
  </el-header>
  <!--导航栏-->
  <el-menu
      active-text-color="#"
      class="el-menu-demo"
      mode="horizontal"
      router
  >
    <el-menu-item index ="/">首页</el-menu-item>
    <el-sub-menu index="2">
      <template #title>学院概况</template>
      <el-menu-item index="/academyBrief" >学院简介</el-menu-item>
      <el-menu-item index="/academyInstitution">组织机构</el-menu-item>
      <el-menu-item index="/academyWorker">工作人员</el-menu-item>
      <el-menu-item index="/academyMentor">导师风采</el-menu-item>
    </el-sub-menu>
    <el-sub-menu index="3">
      <template #title>创客梦工厂</template>
      <el-menu-item index="/makerCore">创新中心</el-menu-item>
      <el-menu-item index="/makerSpace">创客空间</el-menu-item>
      <el-menu-item index="/makerBar">创意吧</el-menu-item>
    </el-sub-menu>
    <el-sub-menu index="4">
      <template #title>双创项目</template>
      <el-menu-item index="/bigMakeProject">大创项目</el-menu-item>
      <el-menu-item index="/makeFundProject">科创基金项目</el-menu-item>
      <el-menu-item index="/makeProjectPerformance">项目展示</el-menu-item>
      <el-menu-item index="/makeProjectPlatform">双创项目管理平台</el-menu-item>
    </el-sub-menu>
    <el-sub-menu index="5">
      <template #title>互联网+大赛</template>
      <el-menu-item index="/internetProjectBrief">大赛简介</el-menu-item>
      <el-menu-item index="/internetPerformance">项目展示</el-menu-item>
      <el-menu-item><a href="https://cy.ncss.cn/">大学生创业服务网</a></el-menu-item>
    </el-sub-menu>
    <el-sub-menu index="6">
      <template #title>规章制度</template>
      <el-menu-item index="/ruleAcademyDuty">学院职责</el-menu-item>
      <el-menu-item index="/ruleInnovateDuty">创新中心职责</el-menu-item>
      <el-menu-item index="/ruleSecurityManage">安全管理</el-menu-item>
      <el-menu-item index="/ruleUseProcess">使用流程</el-menu-item>
    </el-sub-menu>
    <el-menu-item index ="7">竞赛管理平台</el-menu-item>
  </el-menu>
</template>

<script lang="ts">

export default {
  name:'the-header',
  setup(){}
}

</script>

<style scoped lang="less">
el-header{
  /*给头部设置弹性布局*/
  display: flex;
  /*让它贴标左右对齐*/
  justify-content: space-between;
  /*  清空图片左侧padding*/
  padding-left: 0;
  align-items: baseline;
}
div{
  display: flex;
  align-items: center;
}
el-button{
  padding-left: 30px;
  margin-left: 600px;
}
a{
  text-decoration: none;
  color: black;
}
</style>
